<template>

    <el-card class="box-card" shadow="hover">

        <div slot="header" class="clearfix">
            <span style="float: left;">{{Name}}</span>
            <el-button style="float: right; padding: 0; width: 30%; line-height: 20px;" type="primary" round>刷新
            </el-button>
        </div>

        <div class="card-body">
            <div v-for="(value, key) in Contests" :key="key" class="text item">{{key}}: {{value}}</div>
        </div>

    </el-card>
</template>


<script>

export default {

    name: 'constest-slide',
    props: {

        Contests: Object,
        Name: String

    }

}

</script>

<style scoped>
.text {
    font-size: 14px;
}

.card-body {
    margin-top: calc(22.675 / 6);
}

.item {
    margin-bottom: 10px;
}

.card-body {
    margin-top: 20px;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both
}

.box-card {
    width: 95%;
    height: 22.675vh;
    margin: 5px 5px;
    line-height: 1em;
}
</style>